Site Codes Archives – Sharecode.mobi

Need Any Help? Inbox Now!

ওয়াপকিজ সম্পর্কে যাবতীয় হেল্প পেতে আমাদের 'Wapkiz Forum' সাইটে জয়েন করুন,

Category - Site Codes

»Trickbd Style Paging Code

» Copy The Code From The Box Below.

» If you find any problem please inbox me.

»Page Loading Effect Like Share Code

» Copy The Code From The Box Below.

<style type="text/css">
 .loader-wrapper {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background-color: #385898;
   display:flex;
   justify-content: center;
   align-items: center;
 }
 .loader {
   display: inline-block;
   width: 30px;
   height: 30px;
   position: relative;
   border: 4px solid #Fff;
   animation: loader 2s infinite ease;
 }
 .loader-inner {
   vertical-align: top;
   display: inline-block;
   width: 100%;
   background-color: #fff;
   animation: loader-inner 2s infinite ease-in;
 }
 @keyframes loader {
   0% { transform: rotate(0deg);}
   25% { transform: rotate(180deg);}
   50% { transform: rotate(180deg);}
   75% { transform: rotate(360deg);}
   100% { transform: rotate(360deg);}
 }
 @keyframes loader-inner {
   0% { height: 0%;}
   25% { height: 0%;}
   50% { height: 100%;}
   75% { height: 100%;}
   100% { height: 0%;}
 }
 </style>
 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 
 <div class="loader-wrapper">
 	<span class="loader"><span class="loader-inner"></span></span>
 </div>
 
 <script>
         $(window).on("load",function(){
           $(".loader-wrapper").fadeOut("slow");
         });
 </script>

» If you find any problem please inbox me.

Categories

HTML hit counter - Quick-counter.net

Powered By Biswas Group Ltd.